#left{width:500px;min-height:200px;position:relative;float:left;}
/* left.location */
.left-data{width:70%;position:absolute;margin-left:15%;text-align:center;}
.left-top{top:10px;}
.left-bottom{bottom:10px;}
/* left.top */
.total-people{cursor:default;}
.late-people,.leave-people,.absenteeism-people{cursor:pointer;}
.unusual:hover{color:blue;}
.unusual:hover .text{color:blue !important;}
/* left.font-size */
#left .number{font-size:35px;font-weight: 700}
#left .text{font-size:22px;color:#666;}

/* ============right================= */
#right{margin-left:300px;display: flex;justify-content: center;align-items:center;text-align:center;}
#right .number{font-size:30px;font-weight: bold;}
#right .text{font-size:25px;color:#666;}
/*right.圆圈*/
#late,#leaveEarly,#absenteeism{flex:1;position:relative;min-height:150px;}
#late canvas,#leaveEarly canvas,#absenteeism canvas{height:100%}
#right .content{width: 100%;text-align: center;position: absolute;top: 50%;}

/* ============ below ================*/
.below{margin-top:80px;padding-top:75px;border-top:1px solid #ccc;}
.below .items{width:90%;height:220px;display:flex;align-items:center;margin:0 auto;border-radius: 12px;background:rgba(102, 102, 102, 1);text-align: center;color:#fff;}
.below .number{font-size:25px;}
.below .text{font-size:21px;}
.duration:hover{cursor:pointer;color:#0000ff;}